<?php use_helper('jQuery')?>

<script type="text/javascript">
    $(function() {
        $("a.edit").button({
            icons: {
                primary: "ui-icon-pencil"
            }
        });
        $("a.back").button({
            icons: {
                primary: "ui-icon-circle-arrow-w"
            }
        });
        $("a.candidates").button({
            icons: {
                primary: "ui-icon-person"
            }
        });
    });
</script>

<table>
    <tbody>
        <tr>
            <th>Nombre:</th>
            <td><?php echo $category->getName() ?></td>
        </tr>
        <tr>
            <th>Descripción:</th>
            <td><?php echo $category->getDescription() ?></td>
        </tr>
        <tr>
            <th>Imagen:</th>
            <td><img src="/uploads/<?php echo $category->getImage() ?>"/></td>
        </tr>
        <tr>
            <th>Fondo:</th>
            <td><img src="/uploads/<?php echo $category->getBackground() ?>"/></td>
        </tr>
        <tr>
            <th>Thumbnail B/N:</th>
            <td><img src="/uploads/<?php echo $category->getThumb1() ?>"/></td>
        </tr>
        <tr>
            <th>Thumbnail Color:</th>
            <td><img src="/uploads/<?php echo $category->getThumb2() ?>"/></td>
        </tr>
        <tr>
            <th>Fecha de Creación:</th>
            <td><?php echo $category->getDateTimeObject('created_at')->format('m/d/Y'); ?></td>
        </tr>
        <tr>
            <th>Ultima actualización:</th>
            <td><?php echo $category->getDateTimeObject('updated_at')->format('m/d/Y'); ?></td>
        </tr>
    </tbody>
</table>

<hr />

<a class="back" href="<?php echo url_for('category') ?>">Regresar</a>
&nbsp;
<a class="edit" href="<?php echo url_for('category_edit', $category) ?>">Editar</a>
&nbsp;
<a class="candidates" href="<?php echo url_for('category_candidates', $category) ?>">Ver Candidatos</a>